<template>
  <div id="center" class="center">
    <!-- 头部 -->
    <header>
      <div class="beijin"></div>
      <div class="flex aic users pixed">
        <router-link v-if="!isLogin" to="/login" class="f16 fff ml-5">立即登录</router-link>
        <span v-else class="f16 ml-5 fff">{{ phone }}</span>
      </div>
    </header>
  
    <!-- 列表栏 -->
    <main class="mt-10 list">
      <div class="bg-fff">
        <van-cell title="我的订单" isLink to="/order/list"></van-cell>
        <van-cell title="收藏" isLink to="/favorite"></van-cell>
        <van-cell title="足迹" isLink to="/footprint"></van-cell>
        <van-cell title="优惠券" isLink></van-cell>
        <van-cell title="我的地址" isLink></van-cell>
        <van-cell title="设置" isLink to="/my/set"></van-cell>
      </div>
    </main>
  
    <Footer />
  </div>
</template>

<script>
import Footer from "../../components/Footer.vue";
export default {
  components: {
    Footer
  },

  computed: {
    isLogin() {
      return !!this.$store.state.token;
    },
    phone() {
      return this.$store.state.phone;
    }
  }
};
</script>

<style lang="less" scoped>
@import "./center.less";
</style>